<{php}>
$solution=$query->getSolution($id);

$title = $solution['seo_title'];
$keywords = $solution['seo_keywords'];
$description = $solution['seo_description'];

<{/php}>

<{include file="../template/public/head.html"}>

<link rel="stylesheet" type="text/css" href="/static/css/css.css" />
<style type="text/css">
    .index_solution_yewu{height:470px;}
    .index_solution_yewu.active.mask{min-height:235px;}
    .white{color:white !important;}
    .cases_banner{
        background:url(<{if condition="isset($config.product_solution_banner.cvalue)"}><{$config.product_solution_banner.cvalue}><{/if}>);
        background-size:100% 100%;
    }
    @media (max-width: 1200px) {
        .cases_banner{
            display:none;
            background: url(<{if condition="isset($config.product_solution_banner.cvalue)"}><{$config.product_solution_banner.cvalue}><{/if}>) no-repeat center center !important;
        }
    }
    @media (max-width: 600px){
        .cases_banner{
            display:none;
        }
        #project img{
            max-width:100%;height:auto !important;
        }
    }
</style>
<!-- header-->
<!-- pro_top -->
<{include file="../template/public/union_nav.html"}>

<!--面包屑导航-->
<div class="container-fluid">
    <div class="row bread-nav">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <ol class="breadcrumb pull-left">
                        <li>
                            <a href="/"><{:lang('home')}></a>
                        </li>
                        <li>
                            <a href="<{php}> echo $query->U('index/solution/index',true);<{/php}>"><{:lang('solution')}></a>
                        </li>
                        <li class="active"><{$solution.title}></li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
</div>


<div class="cases_banner banner">
    <div class="container">
        <div class="col-sm-7">
            <div class="text" style="background:rgba(0,0,0,0.5)">
                <h1><strong class="white"><{if condition="isset($config.product_solution_title.cvalue)"}><{$config.product_solution_title.cvalue}><{/if}></strong></h1>
                <p class="white"><{if condition="isset($config.product_solution_desc.cvalue)"}><{$config.product_solution_desc.cvalue}><{/if}></p>
            </div>
        </div>
    </div>
</div>
<!-- center of the page -->
<div class="case-bg">
    <div id="project" class="case-wrapper">
        <div class="container">
            <div class="case-section">
                <div class="title" style="border-bottom:2px solid #efefef;margin-bottom:30px;">
                    <h2><{$solution.title}></h2>
                    <p class="text-center" style=""><{$solution.desc}></p>
                </div>
                <div>
                    <{$solution.content}>
                </div>


            </div>


            <{php}>
                $assocProducts = $query->getAssocProductsForSolution($id);

            <{/php}>
            <div id="content">
                <div class="container index_case">
                    <div class="container">
                        <div class="col-xs-12 text-center">
                            <h1><strong><{:lang('solution_recommend')}></strong></h1>
                            <p><{:lang('solution_you_can_find')}></p>
                            <div class="more center-block">
                                <a href="<{php}> echo $query->U('index/product/syscat',true);<{/php}>"><{:lang('See more')}></a>
                            </div>
                        </div>
                    </div>
                    <div class="container mt45 mb65">
                        <{volist name="$assocProducts" id="item"}>
                        <{if condition="($key < 3)"}>
                        <div class="col-xs-12 col-sm-4 hover-more" title="<{$item.desc}>">
                            <img src="<{$item.cover}>" width="350" height="240" alt="" class="img-responsive center-block">
                            <div class="index_case_text more-show">
                                <h2><a href="<{php}> echo $query->U('index/product/product/id/'.$item['id'],true);<{/php}>"><{$item.name}></a></h2>
                                <p class="text"><{$item.desc}> </p>
                                <p class="details"><a href="<{php}> echo $query->U('index/product/product/id/'.$item['id'],true);<{/php}>"><{:lang('details')}> &gt;</a></p>
                            </div>
                        </div>
                        <{/if}>
                        <{/volist}>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/static/js/bootstrap.min.js"></script>
<{include file="../template/public/sidebar.html"}>
<{include file="../template/public/foot.html"}>